<template>
  <view class="content">
    <view class="components-title">
      <view class="components-title-t">gg-rate</view>
      <view class="components-title-d">评分</view>
    </view>
    <gg-nav-group label="默认">
      <gg-rate label="评分" />
    </gg-nav-group>
    <gg-nav-group label="无label">
      <gg-rate label="评分" labelWidth="0" />
    </gg-nav-group>
    <gg-nav-group label="自定义长度">
      <gg-rate label="评分" max="10" />
    </gg-nav-group>
    <gg-nav-group label="自定义大小">
      <gg-rate label="评分" size="30" />
    </gg-nav-group>
    <gg-nav-group label="自定义颜色">
      <gg-rate label="评分" activeColor="#ff0000" />
    </gg-nav-group>
    <gg-nav-group label="自定义间距">
      <gg-rate label="评分" margin="5" />
    </gg-nav-group>
    <gg-nav-group label="禁止点击">
      <gg-rate label="评分" disabled />
    </gg-nav-group>
    <gg-nav-group label="未选中的星星为镂空状态">
      <gg-rate label="评分" isFill />
    </gg-nav-group>
  </view>
</template>

<script>
export default {
  data() {
    return {
      info1: '',
    };
  },
  onLoad() {

  },
  methods: {

  }
}
</script>
